/* CSS Document */
/*banner srat*/
html, body {position: relative;    height: 100%;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;  margin-right: auto;  }
.swiper-container1{width: 100%;height: 100%;margin-left: auto;  margin-right: auto;  }
.swiper-slide{ overflow:hidden;text-align: center;font-size: 15px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
#banner video{position: absolute;left: 0;top: 0;display: table;z-index: 1;object-fit: cover; width:100%; height:100%;}
.sp_bg{ width:100%; height:100%; background:url(../images/01_bg.png) no-repeat; position:absolute; top:0px; left:0px; z-index:2;}
.banner_text{ z-index:999; position:relative;}
#t_right .swiper-pagination-bullet{ width:16px; height:16px; margin:10px 0px; background:#fff; opacity:1;}
#t_right .swiper-pagination-bullet-active{ background:#965b1e;}
#about_t video{position: absolute;left: 0;top: 0;display: table;z-index: 1;object-fit: cover; width:100%; height:100%;}

#about_t #t_right .swiper-pagination-bullet{ margin:0px 5px;}
.ry_more{ color:#fff; line-height:40px;}
.ry_more:hover{ text-decoration:underline; color:#fff}

#banner .banner_text div img{transform:translate3d(0px,-500px,0px);transition:all 1s ease 0s; opacity:0;}
#banner.swiper-slide-active .banner_text div img{transform:translate3d(0px,0px,0px);opacity:1;}
#img_1 img{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
#img_1.swiper-slide-active img{transform:translate3d(0px,0px,0px);opacity:1;}
.swiper-pagination-v{ bottom:10px; width:100%; right:inherit !important; left:0px; top:inherit !important;}
.swiper-pagination-v .swiper-pagination-bullet{ display:inline-block !important; margin:0px 3px !important; }



.sli_1{ background:url(../images/int_01_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
#banner .swiper-pagination-bullet{ width:34px; height:5px; border-radius:3px;}
#banner .swiper-pagination-bullet-active{ background:#7a4920;}

.nav .nav_button{ display:none;}
.ali_div{ position:relative; width:750px; height:724px;}
.ali_div span{ position:absolute; left:0px; top:0px;}

.ali_div span.s_1 {
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 12s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 16s;
    -webkit-animation: rotate2 28s linear infinite;
    -moz-animation: rotate2 28s linear infinite;
    -o-animation: rotate2 28s linear infinite;
    animation: rotate2 28s linear infinite;}
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
    to{transform: rotate(-359deg)}
}

.ali_div span.s_2 {
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 12s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 16s;
    -webkit-animation: rotate 28s linear infinite;
    -moz-animation: rotate 28s linear infinite;
    -o-animation: rotate 28s linear infinite;
    animation: rotate 28s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.ali_div span.s_3 {
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 12s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 16s;
    -webkit-animation: rotate1 28s linear infinite;
    -moz-animation: rotate1 28s linear infinite;
    -o-animation: rotate1 28s linear infinite;
    animation: rotate1 28s linear infinite;}


@-webkit-keyframes rotate1{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate1{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate1{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate1{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.ali_div span.s_4{    animation: rotate 28s linear infinite; display:block; width:100%; top:300px; width:430px; height:100px; position:relative;}
.ali_div span.s_4 em.x_1{ display:block; width:172px;animation: rotateZZ 28s linear infinite; margin:0px; position:absolute; top:0px; left:0px;}
.ali_div span.s_4 em.x_2{ display:block; width:172px; animation: rotateZZ 28s linear infinite; margin:0px; top:0px; right:0px; position:absolute;}
.ali_div span.s_4 img{ margin:0px;}
@-webkit-keyframes rotateZZ{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotateZZ{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(-360deg)}
}
@-o-keyframes rotateZZ{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(-360deg)}
}
@keyframes rotateZZ{from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
}

.sli_1 span.s_5{ position:absolute; right:180px; top:200px;}
.ting_div{ width:100%; padding:0px 60px;}
.ab_a{ right:0px; position:absolute;}
.ab_1{ position:relative; width:753px; height:548px; float:right;}
.ab_b{ right:280px; position:absolute;}
.ab_c{ position:absolute; bottom:0px; right:-30px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.ab_c:hover{ right:-20px;}

.ali_div{transform:translate3d(600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.s_5{transform:translate3d(-600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
#banner.swiper-slide-active .ali_div,#banner.swiper-slide-active .s_5{transform:translate3d(0px,0px,0px);opacity:1;}
/**banner end*/



#about{ background:url(../images/int_02_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.ab_a{transform:translate3d(600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.ab_b{transform:translate3d(-600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.ab_c{transform:translate3d(0px,800px,0px);transition:all 1s ease 0s; opacity:0;}
#about.swiper-slide-active .ab_a,#about.swiper-slide-active .ab_b,#about.swiper-slide-active .ab_c{transform:translate3d(0px,0px,0px);opacity:1;}

#pro{ background:url(../images/int_03_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.ting_divpro{ max-width:1200px; margin:0px auto; width:100%;}
.pro_tab{ width:100%; height:100px; background:url(../images/a5_1.png) no-repeat bottom left;}
.pro_tab ul li{ width:123px; height:67px; float:left; background:url(../images/a4_1.png) no-repeat; margin:0px 10px; margin-left:0px; color:#fff; font-size:15px; line-height:67px; position:relative; left:0px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.pro_tab ul li a{ color:#fff; display:block;}
.pro_tab ul li:hover{ left:5px;}
.pro_div ul { overflow:hidden;}
.pro_div ul li{ width:32.33%; float:left; margin:0px 0.5%; margin-bottom:10px; background:#fff; padding:10px 40px; padding-bottom:0px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.pro_div ul li b{ display:block; width:100%; overflow:hidden;}
.pro_div ul li b img{ width:100%; display:block; height:auto;}
.pro_div ul li span{ display:block; padding:18px 0px; overflow:hidden; position:relative; left:0px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.pro_div ul li span em{ float:left; display:block; width:70%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pro_div ul li span i{ float:right; display:block; width:30%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.pro_div ul li img{    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms; display:block;}
.pro_div ul li:hover{     box-shadow: 0 0 10px #904a10;}
.pro_div ul li:hover img{    -webkit-transform: scale(1.03, 1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.03, 1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.03, 1.03);
    transition-timing-function: ease-out;
    transition-duration:400ms;}
.pro_div ul li:hover span{ left:10px;}
.mi_ting{ margin-top:20px; display:block; position:relative; left:0px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.mi_ting:hover{ position:relative; left:20px;}
#banner .swiper-pagination-v{ bottom:50px;}
.pro_tab{transform:translate3d(600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.pro_div{transform:translate3d(-600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
#pro.swiper-slide-active .pro_tab,#pro.swiper-slide-active .pro_div{transform:translate3d(0px,0px,0px);opacity:1;}

#news{ background:url(../images/int_04_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.news_left{ width:780px; float:left;}
.news_right{ width:230px; float:right;}
.news_left ul li{ width:90px; float:left; margin-right:100px; color:#3a3a3a; position:relative;} 
.news_left ul li span{ height:480px; display:block;    text-align: left; padding-top:20px; position:relative; top:0px;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
.news_left ul li span b{ display:block; font-size:24px; width:26px; float:right; text-align:center;}
.news_left ul li span em{ display:block; width:50px; float:left; font-size:16px; line-height:18px; letter-spacing:5px;writing-mode: tb-rl; overflow:hidden;    padding-right: 5px;}
.news_left ul li  i{ display:block; width:87px; height:20px;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
position: absolute;    top: 36px;    right: -60px;}
.news_left ul{ overflow:hidden;}
.news_left ul li:hover span{ top:-10px;}
.news_left ul li:hover span b{ color:#7a4920; }
.news_left{transform:translate3d(600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.news_right{transform:translate3d(-600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
#news.swiper-slide-active .news_left,#news.swiper-slide-active .news_right{transform:translate3d(0px,0px,0px);opacity:1;}


#lx_wm{ background:url(../images/int_05_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.lxwm_left{ width:740px; float:left;}
.lxwm_right{ width:500px; float:right; padding-top:50px;}
.ix_yidiv{ text-align:left;}
.ix_yidiv em{ display:block; font-size:17px;}
.ix_yidiv b{ font-weight:normal; color:#7b4a20; font-size:45px; display:block;}
.ix_yidiv ul li{ line-height:30px; font-size:18px;}
.ix_yidiv ul li i{ display:block; padding-right:10px; float:left; font-size:18px;}
.ix_ridiv{ padding-top:20px;}
.ix_ridiv span{ float:left; padding-right:20px;}
.ix_ridiv ul{ text-align:left; line-height:28px;}
.ix_ridiv ul li em{ font-size:28px; color:#7b4a20; padding-right:6px;}



.lxwm_left{transform:translate3d(600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
.lxwm_right{transform:translate3d(-600px,0px,0px);transition:all 1s ease 0s; opacity:0;}
#lx_wm.swiper-slide-active .lxwm_left,#lx_wm.swiper-slide-active .lxwm_right{transform:translate3d(0px,0px,0px);opacity:1;}


.ab_2{ display:none;}






.main_t{    margin-top: 400px;    position: relative; width: 100%;  overflow: hidden;   box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); z-index: 1;}
.about_ci{ margin:0px;}
.pic_list ol{ overflow:hidden; padding:0px;}
.pic_list ol li{ width:32.33%; float:left; position:relative; margin:8px 0.5%; overflow:hidden;}
.pic_list ol li img{ width:100%; display:block; height:auto;}
.pic_xdiv { text-align:center;width: 100%; background-color: rgba(48,48,48,0.7); position: absolute; left: 0px; bottom: -63px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;   -ms-transition-duration: 0.3s;   transition-duration: 0.3s;}
.pic_xdiv span{font-weight: normal;    font-size: 14px;    color: #fff;    line-height: 50px;    text-align: center;    white-space: nowrap;}

.pic_xdiv em{border: 1px #fff solid;    width: 140px;    height: 38px;    line-height: 38px;    font-weight: normal;    margin: 0 auto;    border-radius: 10px;    text-align: center;    font-size: 14px;    color: #fff; display:block;}
.pic_list ol li:hover .pic_xdiv{ bottom:0px;}
#page{ color:#292929; width:100%; overflow:hidden;}
#page ul{ overflow:hidden; text-align:center; width:100%; margin:20px auto; position: static !important;}
#page ul li{ display:inline-block; width: auto;padding: 10px 0px;}
#page ul li a{ color:#292929; padding:5px 13px;border:solid 1px #CCC;}
#page ul li.active a{ color:#fff; background:#7a4920; border:solid 1px #7a4920;}
#page ul li:hover a{ color:#fff; background:#7a4920; border:solid 1px #7a4920;}


/*关于我们 star*/

.header_tt .dic_nav{ width:750px; float:right;}
.header_tt .dic_nav ul li{ display:inline-block; float:left;}

.header_tt{ width:100%; height:85px; background:#fff;    box-shadow: 0 2px 5px rgba(0, 0, 0, .1); padding:0px 30px; top:0px; position:fixed; z-index:9999;}
.header_tt .nav{ height:85px;}
.header_tt .nav_button{ display:none }
.header_tt .nav ol{ display:block; padding:0px; height:85px; line-height:85px; margin:0px;}
.header_tt .nav ol li{ display:inline-block; font-size:16px; }
.header_tt .nav ol li a{ padding:0px 20px; display:block;}
.header_tt .nav ol li:hover{ background:#7a4920;}
.header_tt .nav ol li:hover a{ color:#fff;}

.header_tt .nav ol li.cli{ background:#7a4920;}
.header_tt .nav ol li.cli a{ color:#fff; display:block;}

.nk-banner{ position: fixed; top: 85px; left: 0; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 100%; height: 400px; z-index: 0; }
.nk-banner .font{ width: 300px; padding-bottom: 10px; margin: auto; background: rgba(255, 255, 247, .6); border:1px solid rgb(122, 73, 32); outline: 10px solid rgba(255, 255, 255, .5) }
.nk-banner .title{ text-align: center; padding: 30px 0 10px 0; }
.nk-banner .title .cn{ font-size: 24px; line-height: 30px; color: #222; }
.nk-banner .title .en{ font-size: 16px; line-height: 20px; color: #999; }
.nk-banner .title .ico{ width: 60px; height: 30px; margin: auto; background: url('../images/lang.png') center center no-repeat; background-size: 50% auto; }
.nk-banner .description{ padding: 0 50px 20px; line-height: 25px; text-align: center; font-size: 16px; letter-spacing:1px; color: #666; }

.nk-wrap{position: relative;width: 100%;margin-top: 465px;overflow: hidden;background: #fffff9;box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);z-index: 1;}
.nk-wrap:after{ content:''; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background: url('../images/contact-bg.jpg') center bottom no-repeat; z-index: -1; }
.nk-wrap .column-m{ max-width: 1200px; padding-top:30px; margin: auto;}

.logo img{ width:auto; height:85px;}




.main_t,.main_c{ background-image: url(../images/nybj101_1.jpg);}
.main_d{ background:#e7e7e7;}
.main_ing{ max-width:1200px; margin:0px auto; padding:30px 0px;}
.ab_left{ float:left;}
.ab1_left img{ width:100%; display:block; height:auto;}
.ab1_right{ width:53%;}
.ab1_left{ width:45%;}
.ab_right{ float:right;}
.ab_aaa{ width:100%; overflow:hidden; padding:50px 0px;}
.ab_bbb{ padding:50px 0px;width:100%; overflow:hidden;}
.ab_titt span{ display:block; font-size:24px; font-weight:normal;}
.ab_titt em{ display:block; color:#999; font-size:16px; padding-top:5px;}
.ab_titt{ padding-top:20px;}
.ab_text{ padding:20px 0px; font-size:14px; line-height:32px; text-indent:2em; color:#888; }

.w_left{ width:25%;}
.w_right{ width:70%;}

.foot_ting{ position:static; background:url(../images/dibu102_1.png) no-repeat; height:176px;}
.foot_ting .foot_cont{ padding-top:115px; margin-top:0px;}

.hight_p{ height:85px;}

.bt_ting{ text-align:center; position:relative; top:-50px; width:100%;}
.bt_ting span{ display:inline-block; color:#7a4920; font-size:24px; letter-spacing:2px;    font: 100 24px/36px "思源黑体";}
.bt_ting i{ display:inline-block; color:#7a4920; font-size:24px;}
.bt_ting em{ display:inline-block; color:#888; font-size:16px; padding-left:5px;}

.list-bread{ padding: 20px 0; border-bottom: 1px solid #eee; text-align: left; font-size: 0; }
.list-bread span,
.list-bread a{ display: inline-block; font-size: 14px; }
.list-bread span:first-child{ color: #999; }
.list-bread span:last-child{ color: #7a4920; }
.list-bread a{ color: #222; }
.list-bread a:after{ content:'/'; display: inline-block; padding: 0 .5em; color: #ccc }



.cp_dddlist ol li{ width:49%;}
.cp_dddlist ol li .pic_xdiv{ bottom:-40px;}
.pic_xdiv em:hover{ background:#fff; color:#333;}

.pic_list ol li img {height:auto;-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1,1);transition-timing-function:ease-out;transition-duration:400ms;width:100%;}
.pic_list ol li:hover img {-webkit-transform:scale(1.1,1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1.1,1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1.1,1.1);transition-timing-function:ease-out;transition-duration:400ms;}




.con_c1{ padding:50px 0px;}
.con_c1 span{ text-align:center; display:block;}
.con_c3{ margin:40px 0px;}
.con_c3 ul{ overflow:hidden; margin:40px 0px;}
.con_c3 ul li{ width:33.33%; float:left; text-align:center; padding-top:20px; line-height:30px;}
.con_c3 ul li img{ display:block; margin:0px auto;}
.con_c3 ul li span{ display:block; padding:20px 0px;}

.con_c3 ul li.no_poi{ padding:0px;}

.en_tit{ float:left;    position: absolute;}

.en_rightt{ padding-left:80px;}

.ab_c3{ max-width:1200px; margin:0px auto; overflow:hidden; padding:50px 0px;}
.left_a1{ width:27%; margin-right:3%; float:left;}
.center_a2{ width:52%; float:left;    font-size: 14px;  line-height: 36px; padding-top:30px;  text-indent: 2em;   color: #888;}
.right_a3{ width:18%; float:left; text-align:right;}
.left_a1 img,.right_a3 img{ max-width:100%; height:auto; display:block;}

/*关于我们 end*/
.ab_tleft{ width:48%; float:left;}
.ab_tright{ width:48%; float:right;}
.ab_tleft img{ max-width:100%; margin:0px; margin-bottom:30px; display:block; height:auto;}

.ab_tright p{    font-size: 14px;   line-height: 36px;   padding-top: 30px;  text-indent: 2em; padding-bottom:60px;   color: #888;}
.p_tab{ text-align:center; padding-top:20px;}
.p_tab ul li{ display:inline-block; border:solid 1px #D0D0D0; font-size:16px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.p_tab ul li a{ display:block;padding:12px 25px; }
.p_tab ul li:hover{ background:#D0D0D0; color:#333;}
.text_li { padding:10px 0px; border-bottom:solid 1px #ececec;}
.text_li span{ display:block; font-size:16px; line-height:45px; font-weight:bold; position:relative; left:0px;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.text_li i{     color: #969696; border-radius: 50px; padding:2px 0px; font-size:13px; display:block; width:100px; text-align:center;   border: 1px solid #333;}
.text_li em{ display:block; padding-top:10px; line-height:22px; color:#808080;}

.text_li:hover span{ left:10px;}

@media (min-width:991px) {
.logo{ width:180px; float:left;}
.nav_ul{ width:805px; float:right; height:114px;}
.nav_ul ul{ margin:34px 0px; height:46px;}
.nav_ul ul li{ line-height:46px; width:110px; display:block; margin-left:5px; float:left; text-align:center; font-size:15px; background:#434343;}
.nav_ul ul li a{ color:#fff; display:block;}
.nav_ul ul li.cli{ background:#7a4920;}
.nav_ul ul li.cli a{ color:#fff;}
.nav_ul ul li:hover{ background:#7a4920;}
.nav_ul ul li:hover a{ color:#fff;}

}
@media (max-width:1600px) {
.sli_1 span.s_5{ right:90px;}
.ali_div span img{ width:100%; height:auto; display:block;}
.ali_div{ width:550px; height:550px;}
.ali_div span.s_4{ top:210px; width:300px;}
.ali_div span.s_4 em.x_2,.ali_div span.s_4 em.x_1{ width:140px;}
.ab_b{ width:380px;}
.ab_b img,.ab_a img{ width:100%; display:block; height:auto;}
.ab_a{ width:190px; }
.ab_1{ height:450px;}
.ting_divpro{ width:1000px;}
.pro_div ul li{ width:29.33%; margin:0px 2%; margin-bottom:5px; padding:5px 30px; padding-bottom:0px;}
.pro_div ul li span{ padding:8px 0px; font-size:14px;}
.mi_ting{ margin-top:10px;}

.news_left ul li span{ height:320px; padding-top:10px;}
.news_left ul li span b{ font-size:16px;}
.news_img img{ width:80px; height:auto;}
.news_left ul li span em{ letter-spacing:3px;}
.news_left ul li span em{ line-height:22px;}
.news_right img{ width:200px; display:block; height:auto;}
.logo{ width:135px; float:left;}
.logo img{ width:100%; height:auto; display:block;}
.nav_ul{ height:76px;}
.nav_ul ul{ margin:15px 0px;}

}
@media (max-width:1450px) {



}
@media (max-width:1366px) {
.sli_1 span.s_5{ top:100px;}
.pro_tab{ height:60px; background:none;}
.pro_div ul{ width:100%;}
.text_li{ width:780px;}	
.ting_divpro {
    width: 900px;
}
}
@media (max-width:1280px) {
.text_li {    width: 650px;}
.main_ing{ padding:0px 15px;}
.ab_bbb,.ab_aaa{ padding:15px 0px;}
}
@media (max-width:1024px) {
.swiper-container1{ height:auto;}
#banner, #banner .fp-tableCell {  height: 260px !important;}
#banner .swiper-pagination-v { bottom: 20px;}
.nav .nav_button{ display:block;}

 .nav .nav_ul{top: -3000px;bottom: 0; left: 0; right: 0; background:url(../images/menu_bg_1.jpg) no-repeat center;background-size: cover !important;overflow: hidden; height: 100%; z-index: 9; display:block; position:fixed;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; width:100%;}
.nav_t .nav_ul{top: 0;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.nav.nav_t .nav_button{ background:#fff}
.nav.nav_t .nav_button span{ background:#7b4a20;}

.t_bu{ width:50%; height:70%; position:relative; top:30%;}
.nav .nav_button{background: transparent; border: none; display: block;  background:#965b1e; height: 50px; position: fixed; top: 40px; right: 50px; width: 50px; border-radius:50%; z-index: 9999;}
.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#fff;}
.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav .nav_button span.hamb-middle{ top:9px;opacity:1;}
.nav .nav_button span.hamb-bottom{ top:18px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.nav .nav_ul{    display: table;   table-layout: fixed;}
.nav .nav_ul ul{    display: table-cell;   vertical-align: middle;    width: 100%;    height: 100%;}



.nav .nav_ul{}
.nav .nav_ul li{ text-align:center; font-size:30px; position:relative; width:100%; float:none; line-height:60px; height:60px; background:none !important; }
.nav .nav_ul li em{ display:none;}
.nav .nav_ul li.cli a i, .nav .nav_ul li:hover a i{ display:none;}
.nav .nav_ul li a{ display:block; border-bottom:solid 1px #7e7e7e; color:#333; position:relative; z-index:2; width:100%; margin:0px auto; border-bottom:none;}
.nav .nav_ul li a:hover{}
.nav .nav_ul li:before{background:rgba(161, 126, 36, 0.73);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; z-index:1;}
.nav .nav_ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.nav .clost span.hamb-top{ top:10px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safariå’ŒChrome*/-o-transform:rotate(90deg); }
.nav .clost span.hamb-middle{ display:none;}
.nav .clost span.hamb-bottom{ top:10px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); }
.swiper-wrapper {    display: block;}
.lxwm_left{ transform: none; opacity:1;}
.lxwm_right{ transform: none; opacity:1;}
.news_left{ transform: none; opacity:1;}
.news_right{ transform: none; opacity:1;}
.pro_tab{ transform: none; opacity:1;}
.pro_div{ transform: none; opacity:1;}
.ab_a{ transform: none; opacity:1;}
.ab_b{ transform: none; opacity:1;}
.ab_c{ transform: none; opacity:1;}


.ab_1{ display:none;}

.ab_2 h3{ line-height:36px; font-size:22px; font-weight:normal; display:block;}
.ab_2{ display:block; line-height:22px; padding:30px 20px; background:rgba(255,255,255,0.9);}
.ting_div{ padding:30px;}
.ting_divpro{ width:100%; padding:10px 15px;}
.pro_div ul li{ width:48%; margin:5px 1%;}

.news_left{ width:100%; padding:20px 15px;}
.news_right{ display:none;}
.news_left ul li{ margin-right:50px;}
.lxwm_left{ display:none;}
.ting_divlxwm{ padding-bottom:70px; width:100%;}
.lxwm_right{ width:100%; padding:40px 40px; float:none;}
.header_top{ padding:0px 20px;}
.nav .nav_button{ right:20px; top:20px;}
.sli_2{ display:none;}
#banner .swiper-pagination-v{ display:none;}

.pro_tab ul li{ width:24%; height:40px; line-height:40px; background:#fff; border-radius:7px; margin:10px 0.5%; }
.pro_tab ul li a{ color:#333;}

.pro_div ul li{ padding:5px 10px;}

.news_left ul li{ width:25%; margin:0px ; padding-right:20px;}
.news_left{ padding:20px 0px;}
.ting_divnews{ width:100%; padding:0px 15px;}
.news_img img{ width:100%; display:block; height:auto;}
.news_left ul li i{ right:-31px; font-size:12px; top:30px;}
.news_left ul li span b{ font-size:18px; font-weight:normal;}
.header_tt .nav ol{ right:-100%;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.header_tt .nav_t ol{ right:0px;}

.header_tt .nav ol{ position:fixed; top:0px; background:#fff; z-index:999; width:40%; height:100%; padding-top:70px; line-height:50px;}
.header_tt .nav ol li{ width:100%;}
}
@media (max-width:1100px) {
.text_li{ width:600px;}	
.pic_li span{ display:none;}
.pic_li{ width:256px;}
}
@media (max-width:992px) {
.ab1_left{ width:100%; float:none;}
.ab1_right{ width:100%; float:none;}
.pic_list ol li{ width:49%;}

.pic_li{ float:none; margin:0px auto;}
.text_li{ float:none; margin:0px auto; width:100%;}
.pic_li img{ float:none;}
.li_center{ padding:20px 0px; border-bottom:solid 1px #ececec;}
.con_c2>div{ height:240px !important;}
.header_tt{ padding:0px 15px;}
.con_c3 ul li{ width:100%; float:none;}
}

@media (max-width:768px) {
.ix_yidiv b{ font-size:30px;}
.lxwm_right{ padding:20px;}
.ix_ridiv span img{ width:100px; display:block; height:auto; }
.ix_ridiv ul{ line-height:22px;}
.ix_ridiv span{ padding-right:5px;}
.nav .nav_ul li{ font-size:18px;}
.logo{ width:79px;}
.nav .nav_button{ top:6px; width:40px; height:40px;}
.t_bu{ top:25%; width:60%;}
.header_top{ background:#eeede9; border-bottom:solid 1px #fff;}
.header_tt{ height:50px;}
.header_tt .nav{ height:50px;}
.hight_p{ height:50px;}
.foot{ background:#292828; overflow:hidden; height:auto;}
.foot_ting .foot_cont{ padding:10px 20px;}
.nk-banner{ top:50px;}
.nk-banner{ height:270px;}
.main_t{ margin-top:270px;}
.pic_xdiv{ bottom:0px;}
.about_ci{ margin:0px;}
#rtt{ right:10px; bottom:10px; line-height:35px; width:35px; height:35px;}
#rtt i{ font-size:25px;}
.ab_text{ line-height:22px;}
.left_a1{ width:100%; margin:0px; float:none;}
.left_a1 img{width:100px; height:auto;}
.c2_div{ position:relative;}
.center_a2{ width:100%; float:none;}
.right_a3{ width:100%; position:absolute; top:0px;}
.right_a3 img{ width:40px; height:auto; float:left;}
.ab_c3{ padding:20px 15px;}
.center_a2{ line-height:24px;}
.ab_tleft,.ab_tright{ width:100%; float:none; margin:0px;}
.ab_tright img{ display:none;}
.foot_cont{ padding:0px 10px; margin-top:5px; line-height:20px; font-size:13px; height:auto; padding-bottom:3px;}
.foot_cont span{ float:none; display:inline;}
.foot_cont a{ display:inline;}
}
@media (max-width:400px) {
.news_left ul li span em{ width:40px; line-height:20px; padding-right:0px;}
.pic_list ol li{ width:100%; margin:4px 0px;}
}